@charset "utf-8";
/* css */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body { font: 14px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #333; background: #fff; line-height: 1.5; }
img { border: 0; /*display: block*/  max-width:100%;}
ul, li { list-style: none; }
em{font-style: normal}
a { text-decoration: none; color: #333; }
a:hover { color: #e67e22; text-decoration: none;}
.blank { height: 20px; overflow: hidden; width: 100%; margin: auto; clear: both }
.fl { float: left }
.fr { float: right }
.clearfix:after { content:''; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
.box { width: 1200px; margin: auto; }
.mt25{margin-top: 25px;}

header { width: 100%; overflow: hidden }
.topmenu { background: #fff; width: 100%; margin: auto; overflow: hidden; height: 47px; line-height: 47px; color: #333333; border-bottom: 1px solid #ccc;}
.topmenu span { float: right }
.topmenu span a { display: inline-block; color: #333; padding: 0 12px; position: relative }
.topmenu span a:after { background: #CCC; width: 1px; height: 16px; content: ""; position: absolute; bottom: 14px; right: 0 }
.topmenu span a:last-child:after { display: none }
.topmenu span a:hover { color: #e67e22 }
.topban { overflow: hidden; padding-bottom: 30px; }
.topban img { float: left; margin-top: 30px; display: block; }
.top-t { margin: 44px 0 0 35px; color: #2e2e2e; font-size: 16px;float: left; }
.top-t span { display: block; font-size: 26px; }
.top-t ul li { display: inline-block; background: url(img/top_09.jpg) no-repeat 0 5px; padding: 0 10px 0 16px; }
.tell { text-align: right; width: 230px; background: url(img/tell.png) no-repeat right 5px; margin-top: 32px; padding-right: 55px; }
.tell .num { display: block; color: #e60012; font-size: 26px; font-family: "arial"; padding-top: 5px; }
nav { width: 100%; background: #e67e22 }
nav ul { width: 1200px; margin: auto; overflow: hidden }
nav ul li { height: 45px; float: left; }
nav ul li a { display: inline-block; padding: 0 45px; color: #fff; line-height: 45px; }
nav ul li a:hover, nav ul li.cur a, #selected { background: #d35400 repeat-x; font-weight: bold;color: #fff; }
/*banner*/
.banner { width: 100%; overflow: hidden; float: left; }
.fader { position: relative; width: 100%; padding-top: 27.5%; font-family: "futura", arial; overflow: hidden; }
.fader .slide { position: absolute; width: 100%; top: 0; z-index: 1; opacity: 0; }
.fader .slide img { width: 100%; height: 100%; margin: auto; }
.fader .prev, .fader .next { position: absolute; height: 73px; line-height: 73px; width: 73px; top: 50%; left: 50px; z-index: 4; margin-top: -25px; cursor: pointer; opacity: 0; transition: all 150ms; }
.fader .prev { background: url(img/left1s.png) no-repeat }
.fader .next { left: auto; right: 50px; background: url(img/right1s.png) no-repeat }
.fader .pager_list { position: absolute; width: 100%; height: 26px; padding: 0; line-height: 40px; bottom: 0; text-align: center; z-index: 4; }
.fader .pager_list li { display: inline-block; width: 100px; height: 8px; margin: 0 7px; background: #fff; opacity: .9; text-indent: -9999px; cursor: pointer; transition: all 150ms; }
.fader .pager_list li:hover, .fader .pager_list li.active { opacity: 1; background: #d35400; }
.banner:hover .fader_controls .page.prev { opacity: .7; left: 20px }
.banner:hover .fader_controls .page.next { opacity: .7; right: 20px }
.imginfo { z-index: 9; position: absolute; font-size: 26px; color: #FFF; display: block; overflow: hidden; bottom: 12%; left: 0; right: 0; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center }
/*search*/
.scon{ text-align:center; margin-bottom:10px}
.scon span{ font-weight:bold}
.scon h2{display: inline;font-size:14px;font-weight: normal}
.search { background: #FFF; overflow: hidden; width: 540px; margin: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.input_text { padding-left: 5px; width: 80%; float: left; outline: none; border: 0; height: 45px; line-height: 47px; }
.input_submit { background: url(img/ss_03.jpg) no-repeat center; color: #FFF; float: right; width: 10%; border: none; cursor: pointer; outline: none; height: 45px; line-height: 47px; }

/*service*/
.box .title { text-align: center; color: #b8b8b8; font-size: 18px; font-family: "arial";margin-bottom: 30px; font-weight: normal; }
.box .title h3 { display: block; background: url(img/jz.png) no-repeat center 25px; color: #2e2e2e; font-size: 30px; font-weight: bold; letter-spacing: 0; }
.service{
    padding-bottom: 20px;
}
.service .service-ul{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-items: center;
    justify-content: center;
}
.service .service-ul li{
    flex: 1;
    margin-right: 20px;
    padding: 30px;
    text-align: center;
    transition: all .6s;
    position: relative;
}
.service .service-ul li .sub{
    display: none;
    margin-top: 20px;
}
.service .service-ul li .sub a{
    display: block;
    padding: 10px;
    text-align: center;
    border:1px solid #fc8303;
    color: #fc8303;
    margin-bottom:20px;
    white-space: nowrap;
    overflow: hidden;
}
.service .service-ul li .sub a:hover{
    background: #fc8303;
    color: #ffffff;
}
.service .service-ul li:last-child{
    margin-right: 0;
}
.service .service-ul li:hover{
    box-shadow: 0px 0px 6px rgba(0,0,0,.2);
}
.service .service-ul li:hover .iconBox{
    background: #fc8303;
}
.service .service-ul li:hover .iconBox i{
    color: #ffffff;
}
.service .service-ul li .iconBox{
    display: inline-block;
    width: 88px;
    height: 88px;
    line-height: 88px;
    /*background: #efefef;*/
    border: 2px solid #fc8303;
    border-radius: 50%;
    transition: all .6s;
}
.service .service-ul li .iconBox i{
    font-size: 44px;
    color:#fc8303;
    transition: all .6s;
}
.service .service-ul li h2,.service .service-ul li h4{
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}
.service .service-ul li p{
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
}
.service .service-ul li p span{color:#fc8303}
.criterion{
    width: 100%;
    background: #f9f9f9;
    padding: 25px 0 40px;
}
.criterion-wrap{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.criterion-wrap .zzbz-list{
    /*height:326px;*/
    margin-right: 30px;
    text-align:center;
    background-color:#ffffff;
    overflow:hidden
}
.criterion-wrap .zzbz-list:last-child{
    margin-right:0;
}
.criterion-wrap .zzbz-list:hover{box-shadow:0 0 10px #d6d6d6}
.criterion-wrap .zzbz-list .zzbz-list-title{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:16px;
    font-weight:400;
    text-align:center;
    color:#fff;
    background-color:#fc8303;
    display:inline-block;
}
.criterion-wrap .zzbz-list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    text-align: center;
}
.criterion-wrap .zzbz-list ul li{
    width: calc(50% - 30px);
    height: 32px;
    line-height: 32px;
    margin: 8px 15px;
    background: #f5f6fa;
    border-radius: 16px;
    text-align:center;
    font-size:16px;
    color:#666;
    white-space: nowrap;
    overflow: hidden;
}
.criterion-wrap .zzbz-list ul li a{
    width: 110px;
    height: 26px;
}
.criterion-wrap .zzbz-list a.more{color:#c60000}

/*xz*/
.xz { padding: 25px 0 40px; background: #d35400 url(img/xz_02.png) no-repeat center 110px; }
.xz h3 { text-align: center; color: #fff; font-size: 24px; padding-bottom: 10px }
.xz h3 em { font-size: 30px; color: #fff; font-style: normal; }
.xz h3 span { display: block; font-size: 18px; font-family: "arial"; text-transform: uppercase;  color: #cccccc; font-weight: normal; }
.xz p { position: relative; margin-top: 60px; padding: 16px 10px 0 124px; width: 430px; height: 58px; background: #fff; font-size: 17px; color: #2e2e2e; line-height: 26px }
.xz p span { display: block; width: 96px; height: 96px; background: url(img/xz1.jpg) no-repeat; position: absolute; top: -48px; left: 16px; text-align: center; color: #fff; line-height: 96px; font-size: 40px; font-family: "arial" }
/*ys*/
.ys { margin-top: 40px; }
.ysBox{width: 100%;padding: 0 10px 40px;}
.ysBox .ysItem{width:calc(50% - 192px);margin-top:30px;}
.ysBox .ysItem li{background-color:#fff;border-radius:36px;padding:8px 15px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;margin-bottom: 66px;box-shadow: 0px 0px 4px rgba(0,0,0,.2)}
.ysBox .ysItem li b{float:left;display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;color:#fff;background:#e67e22;}
.ysBox .ysItem li b i{font-size:24px;font-weight:400}
.ysBox .ysItem li div{width:calc(100% - 65px);float:right}
.ysBox .ysItem li span{font-size:18px;font-weight:700;margin-bottom:10px}
.ysBox .ysItem li p{font-size:14px;line-height:1.4;margin-top:4px}
.ysBox{position:relative;margin:40px auto 40px;overflow:hidden;}
.ysMid{padding:78px;border:1px dashed #cccccc;display:inline-block;border-radius:50%;position:absolute;top:0;left:50%;margin-left:-192px}
.ysMid b{display:block;font-weight:700;color:#ffffff;font-size:60px;line-height:1}
.ysMid em{font-style:normal;color:#ffffff;font-size:18px}
.ysMid span{display:flex;flex-direction:column;justify-content:center;align-items:center;width:186px;height:186px;border-radius:50%;background:#fc8303;border:20px solid rgba(255,255,255,.29)}
.ysMid div{background:rgba(255,255,255,.29);border-radius:50%;padding:20px}
.ysBox .ysItem li:nth-child(2){width:92%;}
.ysBox .ysItem li:last-child{width:106%;margin-bottom:0}
.ysBox .ysRt li:nth-child(2){margin-left:8%;}
.ysBox .ysRt li:last-child{margin-left:-4%;}
.ysMid div span{
    -webkit-animation:pulse2 1.8s  infinite;
    -moz-animation:pulse2 1.8s  infinite;
    animation:pulse2 1.8s  infinite;

}
.ysMid div{
    -webkit-animation:pulse 1.8s  infinite;
    -moz-animation:pulse 1.8s  infinite;
    animation:pulse 1.8s  infinite;
}


@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);

    }
    50%{
        -moz-transform:scale(1.7);
        -webkit-transform:scale(1.7);
        -o-transform:scale(1.7);
        transform:scale(1.7);

    }
    100%{   -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
}
@-moz-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);

    }
    50%{
        -moz-transform:scale(1.7);
        -webkit-transform:scale(1.7);
        -o-transform:scale(1.7);
        transform:scale(1.7);

    }
    100%{   -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
}


@-webkit-keyframes pulse2{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);


    }
    50%{-moz-transform:scale(0.7);
        -webkit-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7);
    }
    100%{ -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
}
@-moz-keyframes pulse2{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
    50%{-moz-transform:scale(0.7);
        -webkit-transform:scale(0.7);
        -o-transform:scale(0.7);
        transform:scale(0.7);
    }
    100%{ -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
}

.cases{
    width: 100%;
    background: #f9f9f9;
    padding: 30px 0 20px;
}
.caseimgs{
    position: relative;
    width: 100%;
    height: 396px;
    overflow: hidden;
}
.caseimgs ul{
    position: absolute;
    top: 0;
    left: 0;
}
.caseimgs ul li{
    float: left;
    width: 278px;
    height: 390px;
    margin: 0 10px;
    padding: 10px;
    border: 1px solid #e1e2e2;
}
.caseimgs ul li .img-responsive{
    display: block;
    width: 100%;
    height: auto;
}
.morecase{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.morecase a{
    display: inline-block;
    width: 150px;
    height: 40px;
    background: #fc8303;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
}
/**/
.zj { padding-top: 40px; overflow: hidden }
.zj dl { overflow: hidden; padding-bottom: 50px }
.zj dl dt { float: left; }
.zj dl dt img { width: 562px; height: 338px; float: left; }
.zj dl dd { width: 550px; padding-right: 45px; float: right; color: #5a5a5a; font-size: 14px; line-height: 24px; }
.zj dl h4 { color: #9f9f9f; font-size: 14px; font-weight: normal; padding-bottom: 30px; }
.zj dl h4 a { display: block; padding-top: 30px; color: #2e2e2e; font-size: 24px; }
.zj dl h4 a:hover { font-weight: bold; }
.zj dl p { display: block; margin-top: 60px; }
.zj dl p a { display: inline-block; width: 100px; height: 34px; text-align: center; background: #e67e22; color: #fff; font-size: 14px; line-height: 34px; margin-right: 1px; }
.zj dl p a.cur { background: #fc8303; color: #ffffff; width: 125px }
.zj dl p a:hover { font-weight: bold; }
.zj dl span { text-indent: 30px; display: block; }

.zcfg {
    width: 100%;
    background: #f9f9f9;
    padding: 25px 0 40px;
}
.zcfg ul{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.zcfg ul li{
    width: 32%;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
}
.zcfg ul li img{width: 100%;}
.zcfg ul li div{
    width: 100%;
    margin-top: 10px;
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*gsnews*/
.gray { padding-top: 20px; overflow: hidden; }
.gsnews { width: 690px; }
.gsnews .tab-hd { height: 44px; overflow: hidden; margin-bottom: 35px; }
.gsnews .tab-hd li { display: inline-block; width: 100px; height: 36px; text-align: center; color: #2e2e2e; font-size: 16px; font-weight: bold; line-height: 36px; }
.gsnews .tab-hd li.on { background: #e67e22; color: #fff; }

.gsnews dl dt img { width: 262px; height: 161px; float: left; }
.gsnews dl dd { width: 405px; float: right; color: #5a5a5a; font-size: 14px; line-height: 24px }
.gsnews dl dd h4 a { display: block; color: #2e2e2e; font-size: 16px; padding: 10px 0 5px 0 ;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.gsnews dl dd p a { display: block; width: 92px; height: 34px; background: #fc8303; text-align: center; margin-top: 35px; font-size: 14px; color: #ffffff; line-height: 34px }
.gsnews dl dd p a:hover { font-weight: bold; }
.gsnews dl { height: 161px; overflow: hidden; margin-bottom: 45px; }
.gsnews .tab-pal { position: relative }
.gsnews .tab-pal ul li { background: url(img/new_07.jpg) no-repeat 0 7px; padding-left: 20px; color: #5a5a5a; font-size: 14px; margin-bottom: 12px }
.gsnews .tab-pal ul li a { display: inline-block; color: #2e2e2e; font-size: 14px; width: 585px; }
.gsnews .tab-pal ul li a:hover, .gsnews .tab-pal ul li a.cur { color: #e67e22; font-weight: bold; }
.gsnews .tab-pal .more { position: absolute; top: -70px; right: 0 }
/* list_lh */
.news_r { width: 390px; float: right }
.news_r h3 { overflow: hidden; clear: both; height: 36px; margin-bottom: 20px }
.news_r h3 span { float: left; display: block; }
.news_r h3 span a { display: inline-block; width: 124px; height: 36px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; background: #e67e22; line-height: 36px; }
.news_r h3 em a { font-size: 14px; font-weight: normal; font-style: normal; display: block; padding-top: 10px; }
.list_lh { height: 540px; overflow: hidden; }
.list_lh ul { overflow: hidden; }
.list_lh li { height: 115px; border-bottom: 1px solid #d2d2d2; overflow: hidden; margin-bottom: 18px; }
.list_lh li span {display: block; color: #2e2e2e; font-size: 14px;font-weight: bold; background: url(img/wen.jpg) no-repeat 0 0; padding-left: 35px; height: 19px; line-height: 19px; margin-bottom: 10px; overflow: hidden; }
.list_lh li p { background: url(img/da.jpg) no-repeat 0 0; padding-left: 35px; color: #2e2e2e; font-size: 14px; line-height: 24px; }
/* link */
.link {overflow: hidden;margin-bottom: 20px;}
.link p { width: 1200px; background: url(img/link.jpg) no-repeat center 10px; margin: 0 auto; height: 30px; }
.link p a { color: #5a5a5a; font-size: 14px; display: inline-block; padding-right: 30px; }
.link p b a { color: #2e2e2e; font-size: 16px; }
.link span { }
.link span a { display: inline-block; color: #5a5a5a; font-size: 14px; padding-right: 42px; float: left; line-height: 35px; }
.link span .none { padding-right: 0 }
/*footer*/
footer { background: #e67e22; width: 100%; overflow: hidden; border-bottom: #d35400 50px solid }
.footnav { background: #f39a00; }
.footnav ul { width: 1200px; overflow: hidden; margin: auto }
.footnav li { display: inline-block; padding: 0 43px; line-height: 60px; position: relative; float: left }
.footnav li:after { position: absolute; width: 1px; height: 20px; content: ""; top: 20px; right: 0; background: #e39104 }
.footnav li a { color: #ffffff; }
.footnav li a:hover { font-weight: bold; }
.ftlogo img { width: 277px; height: 73px; display: block; margin-top:96px; }
.gsxx { margin-top: 40px; color: #fff; font-size: 14px; padding-bottom: 30px;margin-left: 60px; }
.gsxx span { display: block; padding-bottom: 12px; }
.gsxx b a { color: #fff; padding-right: 12px; }
.gsxx span a { color: #fff; font-size: 14px; padding-right: 23px; display: inline-block; }
.wx { margin-top: 64px;margin-right: 50px;  text-align: center;}
.wx em { width: 190px; display: block; font-style: normal; color: #fff; font-size: 14px; line-height: 29px; }
.wx img { width: 130px; height: 130px; border: 4px solid #fff;display:inline}
.ft-c { height: 55px; color: #fff; font-size: 14px; line-height: 55px; background: #d35400; position: fixed; bottom: 0px; width: 100%; overflow: hidden; }
.ft-c em { font-style: normal; display: inline-block; text-align: center; width: 236px }
.ft-c em i { font-style: normal; color: #fff; font-size: 20px; font-family: "arial" }
.ft-c em.ec1 { background: #d35400; }
.ft-c em a { color: #fff; font-size: 14px; }
.ft-c em a:hover { font-weight: bold;color:#d35400; }
/*list*/
.topadcs { width: 100%; overflow: hidden; text-align: center; margin: auto; }
.topadcs a.fullad { height: 300px; }
.topadcs a { display: block; margin: 0 auto; }
.side { width: 250px; float: left; overflow: hidden; }
.side .place { background: #e67e22; }
.side .place h2,.side .place h3 { color: #FFF; font-weight: bold; font-size: 18px; height: 60px; background: #d35400; line-height: 60px; text-align: left; padding-left: 23px; overflow: hidden; }
.side .place p { color: #b79917; display: block; font: 12px Arial; text-align: left; font-size: 12px; line-height: 18px; text-transform: uppercase; }
.side .place { padding-bottom: 12px; }
.side .place li { margin-top: 12px; }
.side .place li a { height: 35px; color: #fff; background: url(img/jjfa_10.jpg) no-repeat 23px center; display: block; font-size: 14px; line-height: 35px; padding-left: 38px; }
.side #pagecurrent, .side .place li a:hover { color: #FFF; font-weight: bold; background: #d35400 url(img/jjfa_06.jpg) no-repeat 23px center; }
.side .leftpic { margin-top: 20px }
.side .leftpic h3 { color: #FFF; font-weight: bold; font-size: 18px; height: 60px; background: #d35400; line-height: 60px; text-align: left; padding-left: 23px; overflow: hidden; }
.side .leftpic p { display: block; font: 12px Arial; line-height: 18px; color: #b79917; }
.side .leftpic ul { border: solid 1px #ececec; border-top: 0; padding: 8px 11px; }
/*.side .leftpic ul li { overflow: hidden; margin: 10px auto 3px; }*/
.side .leftpic ul li{ line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; padding-right: 20px; background: url(img/a1.gif) no-repeat left center; }
.side .leftpic ul li p { text-align: center; color: #666 }
.side .leftpic ul li img { width: 98%; padding: 1px; border: solid 1px #ccc; margin-bottom: 10px }
.side .leftpic ul li:hover img { border-color: #d35400; }
.leftlxs { border: 1px solid #e67e22; margin: 25px 0; overflow: hidden; padding: 6px; text-align: left; width: 248px; }
.leftlxs h3 { border-bottom: 1px solid #ededed; color: #e67e22; font-size: 18px; height: 63px; line-height: 63px; margin-bottom: 10px; font-weight: bold; padding:0 8px}
.leftlxs h3 span { color: #c4c4c4; font-weight: normal; margin-left: 10px; }
.leftlxs .phone { border-bottom: 1px solid #ededed; color: #e67e22; height: 45px; margin: 0 7px 20px; }
.leftlxs .phone span { background: rgba(0, 0, 0, 0) url("img/tel.png") no-repeat scroll 0 0; display: block; font-size: 12px; height: 45px; padding-left: 50px; }
.leftlxs .phone span b { color: #e67e22; display: block; font-size: 18px; margin-top: 2px; font-weight: bold; }
.leftlxs p { color: #666; font-size: 14px; line-height: 22px; margin-bottom: 10px; padding-left: 10px; width: 224px; }
.leftlxs p span { float: left; height: 22px; }
.prmain { width: 920px; float: right; display: inline; overflow: hidden; margin-bottom: 30px }
.plc { background: url(img/logo_03.png) no-repeat 0 3px; height: 35px; padding: 7px 8px 8px 35px; position: relative; color: #666; overflow: hidden; font-size: 14px; border-bottom: 1px solid #d35400; padding-bottom: 8px; }
.product ul li { width: 50%; float: left; margin: 30px 0 0 0 }
.product ul li i {display: block;margin: 0 20px;font-style: normal;overflow: hidden;}
.product ul li img {width: 100%;height: auto;}
.product ul li p { margin-top: 20px;font-size: 16px;font-weight: bold }
.product ul li p span { float: right; display: block; font-size: 14px;font-weight: normal; width: 100px; height: 34px; line-height: 34px; text-align: center; background: #d35400; }
.news ul { padding: 15px 0; }
.news ul li { overflow: hidden; vertical-align: top; margin-bottom: 20px; padding: 22px 25px; background: #f4f4f4; }
.news ul li img {display: block;width: 240px;height: 160px;float: left;margin-right: 30px;}
.news ul li h3 { font-size: 16px; font-weight: bold; height: 28px; margin-bottom: 12px; line-height: 28px; padding: 4px 0 0; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news ul li p { font-size: 13px; line-height: 28px; height: 56px; overflow: hidden; }
.news ul li span{display: block;margin-top: 30px}
.news ul li:hover { background: #f9f8f0; }
/* pagelist */
.pagelist { text-align: center; color: #666; width: 100%; clear: both; overflow: hidden }
.pagelist a { color: #e67e22; margin: 0 2px; border: 1px solid #e67e22; padding: 5px 10px; display: inline-block }
.pagelist a:hover { background: #e67e22; color: #fff }
.pagelist > b { border: 1px solid #e67e22; padding: 6px 11px; background: #e67e22; color: #fff }
/*wdlist*/
.wdlist ul { padding-top: 30px }
.wdlist ul li { padding: 0 0 0 14px; line-height: 30px; overflow: hidden; font-size: 15px; margin: 0 0 18px; color: #666; }
.wdlist ul li h3 { color: #000 }
.wdlist ul li p { line-height: 30px; overflow: hidden; font-size: 15px; color: #666; }
/*newsinfo*/
.newsinfo { width: 890px; padding: 0px 0px 0 0px; font-size: 14px; }
.ntitle { padding-top: 16px; color: #333; font-weight: normal; font-size: 22px; line-height: 40px; padding-bottom: 10px; margin-bottom: 10px; text-align: center }
.n_tit { overflow: hidden; height: 44px; line-height: 44px; color: #666; border-bottom: 1px dashed #999; }
.n_tit b { display: block; float: right }
.n_tit span { display: block; float: left; margin-right: 20px; }
.newsinfo .contents { font-size: 15px; padding: 20px 0 }
.newsinfo .contents p { margin-bottom: 20px }
.newsinfo .contents img{max-width:100% !important; height:auto !important; margin:auto}
.newsinfo .contents h1,.newsinfo .contents h2,.newsinfo .contents h3,.newsinfo .contents h4,.newsinfo .contents h5,.newsinfo .contents h6{ margin-bottom:20px}
.nextinfo { line-height: 30px; background: #f7f7f7; overflow: hidden; margin: 15px 0px; padding: 5px 10px; }
.nextinfo p { height: 30px; }
.nextinfo p a { color: #d35400; }
.share{margin: 30px 0;text-align:center;}
.dig{
    display: inline-block;
    background: url(img/dig.png) no-repeat 18px 16px;
	border: 1px solid #f54343;
	border-radius: 50px;
    padding: 12px 20px 12px 44px;
	color: #f54343;
    cursor: pointer;
    font-size: 16px;
}
.dig:hover{color: #f54343;}
.tjread { border: 1px solid #D6D6D6; margin-top: 30px}
.tjread b { border-bottom: 1px solid #E0E0E0; width: 100%; display: block; line-height: 48px; font-size: 18px }
.tjread p { margin: 15px 0 }
.sidebar { width: 275px; }
.ymsytj { }
p.tj_tit { line-height: 46px; height: 46px; margin-bottom: 5px; margin-top: 15px; text-indent: 22px; background: #d35400; color: #fff; font-size: 18px; font-weight: bold; }
.ymsytj ul li { overflow: hidden; background: none repeat scroll 0 0 #ddd; border-bottom: 1px solid #fff; line-height: 32px; padding: 0 20px 20px 20px }
.ymsytj ul li a { color: #d35400; height: 32px; }
.ymsytj ul li img { width: 100% }
.ymsytj ul li { height: 32px; }
.ymsytj ul li:hover { height: 100%; }
.ymsytj ul li:nth-child(1) { height: 100% }
.ymsytj ul:hover li:nth-child(1) { height: 32px; }
.ymsytj ul:hover li:nth-child(1):hover { height: 100%; }
.zzbz li{background: url(img/a2.gif) no-repeat 20px center;height:35px;line-height:35px;padding-left:44px}
.zxnews { overflow: hidden }
.zxnews ul { overflow: hidden;padding: 0 20px; }
.zxnews ul li { line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; padding-right: 20px; background: url(img/a2.gif) no-repeat left center; }
.zxnews ul li:nth-child(1), .zxnews ul li:nth-child(2), .zxnews ul li:nth-child(3) { background: url(img/a1.gif) no-repeat left center; }
/*page*/

.aboutus { overflow: hidden }
.about-l { width: 360px; }
.aboutus h3 { padding: 10px 0 15px 0; text-align: right; color: #333333; font-size: 26px; font-weight: normal; }
.aboutus p { line-height: 26px; font-size: 14px; margin: 15px 0; }
.about-r { width: 790px;margin-top: 20px; }
.about-r h3 { padding: 52px 0 17px 0; text-align: left; }
.about-r p { overflow: hidden; }
.about-r p b { color: #1D60D5; font-weight: bold; }
.aboutus dl dd p { margin: 0; }
.about-r dd p img { padding-top: 50px; }
.about-l dt { padding-top: 30px; }

.conleft { width: 50%; float: left }
.conleft h3 { font-size: 18px; display: block; margin: 20px 0; padding-top: 20px }
.conleft ul li { height: 70px; line-height: 45px; padding: 12px 0 12px 70px; border-bottom: 1px solid #ddd; }
.conleft ul li:first-child { background: url(img/01.png) no-repeat left center }
.conleft ul li:nth-child(2) { background: url(img/02.png) no-repeat left center }
.conleft ul li:nth-child(3) { background: url(img/03.png) no-repeat left center }
.conleft ul li:nth-child(4) { background: url(img/04.png) no-repeat left center }
.conleft ul li:last-child { background: url(img/05.png) no-repeat left center }
.conright { width: 45%; float: right; padding: 36px 0 }
.conright ul { margin: 10px 0; overflow: hidden }
.liuyan { overflow: hidden; padding: 20px 0; }
.liuyan .gbox h3 { height: 30px; font-size: 18px; font-weight: bold; color: #d35400; line-height: 18px; }
.liuyan .gbox h3 span { font: 16px Arial; font-weight: normal; color: #8b8b8b; line-height: 16px; text-transform: uppercase; }
.liuyan .gbox { width: 45%; float: right }
.liuyan .gbox p { background: #E3E3E3; padding: 0 10px; margin: 10px 0; }
.ly1, .ly2 { width: 40%; border-radius: 3px; position: relative }
.ly1 input, .ly2 input { border: none; background: #e3e3e3; line-height: 32px; height: 32px; outline: none; }
.ly1 b, .ly2 b { display: block; line-height: 32px; color: #F00; position: absolute; right: -15px; bottom: 0 }
.ly3 { border-radius: 3px; }
.ly3 span { display: block; padding-top: 10px }
.liuyan textarea { border: none; background: #e3e3e3; outline: none; width: 100%; }
.liuyan input[type="submit"] { background: #e67e22; color: #fff; width: 100px; line-height: 30px; border: none; border-radius: 3px; }
.temp_on_inp { overflow: hidden; width: 50%; float: left; }
.temp_on_inp dl { overflow: hidden; position: relative; }
.temp_on_inp dt { height: 280px }
.temp_on_inp dt img { width: 100% }
.temp_on_inp dd { width: 176px; height: 100px; background: url(img/tm55.png); position: absolute; top: 146px; right: 38px; text-align: center; }
.temp_on_inp dd span { display: block; color: #333; line-height: 24px; height: 24px; padding-top: 10px; }
.temp_on_inp dd p { font: 22px Impact; color: #d35400; line-height: 24px; height: 30px; }
.temp_on_inp dd em { width: 144px; height: 25px; background: #ff9900; color: #fff; line-height: 25px; text-align: center; display: block; margin: 0 auto; }
.temp_on_inp dd em a { color: #fff; }
/*info*/
.navlist { margin: 30px 0; width: 100%; overflow: hidden; }
.navlist li {display: inline-block; width: 150px;height:40px;text-align: center; overflow: hidden; margin-left: 1px; cursor: pointer; float: left;  }
.navlist li a{display:block;background: #c3c3c3;color: #000;width: 150px;height: 34px; line-height: 34px;}
.navlist li.navcurrent a, .navlist li a:hover { color: #fff; background: #e67e22; display: block }
.navlist li.navcurrent a{position: relative;}
.navlist li.navcurrent a:after{
            content: '';
            width: 0;
            height:0;
            border:6px solid transparent;
            border-top-color: #e67e22;
            position: absolute;
            bottom:-12px;
            left:50%;
            margin-left: -5px;
        }
.navlist li a h4{font-size: 14px;font-weight: normal}
.navitem { display: none; }
.navtab .navitem:nth-child(1) { display: block }
.navitem .content { padding: 0 20px 0 10px; line-height: 2; }
.navitem .content .serv_tit{background: url("img/5d072f6ab0859.png") no-repeat left center;padding-left: 40px;margin: 40px 0 15px 0;font-size: 18px;font-weight: bold;}
/*.navitem .content .serv_con{padding-left: 40px;}*/
.navitem .content .serv_con .linkbz{color: #c60000;text-decoration: underline}
.navitem .content p{text-indent: 2em;margin: 0}
.navitem .content img{ margin:auto;max-width:100% !important;height:auto !important}
.navitem .content h5 { color: #fff; font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 20px; padding-left: 24px; background: #3E3E3E; border-left: #ED9321 12px solid; position: relative }
.navitem .content h5:before { position: absolute; content: ""; left: -12px; top: -7px; background: url(img/lbg.png) no-repeat; width: 29px; height: 7px }
.navitem .content ul.disc { margin: 40px 20px }
.navitem .content ul.disc li { background: url(img/desc.png) no-repeat left center; padding-left: 20px; white-space: normal; word-spacing: 10px; margin: 15px 0; }
.content .zhanshi li { width: 20%; text-align: center; margin: 10px 20px; float: left }
.content .zhanshi li img { width: 100%; border: #999 1px solid; padding: 1px }
.content h6.cline { overflow: hidden; font-size: 15px; color: #666; border-bottom: #999 1px solid; padding-bottom: 10px; margin-bottom: 10px; clear: both }
.content iframe { margin: auto; display: block; }
.content table { font-size: inherit; font: 100%; border-collapse: collapse; }
.content table img { margin: auto }
.content .aa1 { border: 1px solid #ccc }
.content .aa1 tr td { padding-left: 8px; border: 1px solid #ccc; line-height: 24px; text-align: center; }
/*showbox*/
.show { margin: 20px 0; }
#showbox { background: #eee; }
#showbox span { background: url(img/whitebg.png) repeat; }
#showbox img { }
#showsum { left: 25px; margin-top: 10px; }
#showsum span { border: 1px solid #ddd; }
#showsum span.sel { border: 1px solid #f60; }
.showpage { width: 400px; position: relative; }
.showpage a { display: block; width: 15px; border: 1px solid #ddd; height: 60px; line-height: 60px; background: #eee; text-align: center; font-size: 18px; position: absolute; left: 0; top: -62px; text-decoration: none; color: #999; }
.showpage a#shownext { left: auto; right: 0; }
.showpage a:hover { background: #ccc; color: #777; }
.propar { width: 490px; float: right }
.propar .line { font-weight: normal; text-decoration: line-through; }
.propar .span_1 { font-weight: bold; font-size: 14px; color: #f00; }
.propar .span_2 { font-size: 16px; }
.propar h4 { color: #d35400; line-height: 28px; padding: 0 8px; border-bottom: 1px dashed #ccc; }
.propar .more { text-align: right; border-bottom: dashed 1px #ccc; margin-bottom: 5px; }
.propar .more a { color: #C10005; padding-left: 12px; line-height: 20px; }
.propar .more a img { margin-right: 5px; }
.propar h4 { color: #333; line-height: 28px; padding: 20px 0; border-bottom: 1px dashed #ccc; font-size: 20px; text-align: center; }
.propar .cps p { margin: 10px 0;text-indent: 2em;line-height: 26px }
.pd_hotline span { font-size: 16px; color: #333; font-weight: bold; }
.pd_hotline span.font_hotline { font-size: 24px; color: #d35400; }
.buymalls { display: inline-block; margin: 20px auto 0; }
.sitemap{
    padding-bottom: 30px;
}
.sitemap dt {
    font-size: 18px;
    padding: 30px 0 10px;
}
.sitemap dd {
    line-height: 28px;
    margin-left: 40px;
}
.nocon{
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}
.tags h3{
    text-align: center;
    font-size: 20px;
    margin: 20px;
}
.tags ul{
    width: 100%;
    margin-bottom: 30px;
}
.tags ul li {
    display: inline-block;
    margin: 10px;
    width: 176px;
    height: 44px;
}
.tags ul li a {
    display: block;
    width: 176px;
    height: 44px;
    line-height: 44px;
    padding: 0 5px;
    background: #e6e6e6;
    text-align: center;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*media*/
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.box { width: 98%; margin: auto }
.topban img { width: 220px }
.top-t { margin: 44px 0 0 15px; }
.top-t span { font-size: 18px; }
.tell { margin-top: 40px }
nav ul { width: 100% }
nav ul li a { padding: 0 30px; }
.notice.box { width: 80%; }
.ys1 dl dd img { width: 70%; float: right }
.ys2 dl dd img { width: 70%; float: left }
.zj dl dt { width: 50%; overflow: hidden; float: left }
.zj dl dd { width: 48%; float: right; padding-right: 0 }
.zj dl p { margin-top: 30px }
.zj .notice.box { width: 95%; }
.gsnews { width: 50% }
.gsnews dl dt img { width: 40%; height: auto }
.gsnews dl dd { width: 58%; float: right }
.gsnews dl dd p { }
.gsnews dl dd p a { margin-top: 5px; float: right; }
.gsnews dl { height: auto; margin-bottom: 40px }
.gsnews .tab-pal ul li a { width: 80% }
.footnav ul { width: 100% }
.footnav li { padding: 0 30px }
.ftlogo img { width: 190px; height: auto }
.gsxx { margin-left: 10px }
.side { display: none }
.prmain { margin: auto; width: 92%; float: none; overflow: hidden; display: block }
.newsinfo { width: 70%; overflow: hidden }
.a_nav.place { width: 100% }
.a_nav.place li a { width: 124px }
.about-l { width: 42% }
.about-r { width: 56% }
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
.box { width: 98%; margin: auto }
.topban img { width: 220px }
.top-t { margin: 44px 0 0 15px; }
.top-t span { font-size: 18px; }
.tell { display: none }
nav ul { width: 100% }
nav ul li a { padding: 0 30px; }
.criterion-wrap .zzbz-list ul{padding: 20px 10px;}
.notice.box { width: 84%; }
.xz p { width: 370px }
.ys1 dl dd img { width: 70%; float: right }
.ys2 dl dd img { width: 70%; float: left }
.zj dl dt { width: 50%; overflow: hidden; float: left }
.zj dl dd { width: 48%; float: right; padding-right: 0 }
.zj dl p { margin-top: 30px }
.zj .notice.box { width: 95%; }
.gsnews { width: 50% }
.gsnews dl dt img { width: 40%; height: auto }
.gsnews dl dd { width: 58%; float: right }
.gsnews dl dd p { }
.gsnews dl dd p a { margin-top: 5px; float: right; }
.gsnews dl { height: auto; margin-bottom: 40px }
.gsnews .tab-pal ul li a { width: 80% }
.footnav ul { width: 100% }
.footnav li { padding: 0 30px }
.ftlogo.fl { display: none; }
.gsxx { margin-left: 10px }
.side { display: none }
.prmain { margin: auto; width: 92%; float: none; overflow: hidden; display: block }
.propar { width: 50% }
.newsinfo { width: 70%; overflow: hidden }
.navlist li { width: 140px }
.a_nav.place { width: 100% }
.a_nav.place li a { width: 110px }
.about-l { width: 42% }
.about-r { width: 56% }
.ft-c em { display: block; float: left; text-align: center; width: 20%; }
.ft-c em i { font-size: 16px }
}
@media screen and (min-width: 769px) and (max-width: 959px) {
.box { width: 98%; margin: auto }
.topban img { width: 180px }
.top-t { margin: 40px 0 0 15px; }
.top-t span { font-size: 18px; }
.tell { display: none }
nav ul { width: 100% }
nav ul li a { padding: 0 18px; }
.criterion-wrap .zzbz-list ul{padding: 20px 10px;}
.criterion-wrap .zzbz-list ul li{font-size: 14px;}
.notice.box { width: 80%; }
.xz p { width: 274px; padding: 16px 10px 0 124px; font-size: 14px }
.ys.box { margin-top: 30px; }
.ys1 { margin-top: 20px; height: auto }
.ys1 dl dd img { display: none }
.ys2 dl dd img { display: none }
.ys2 dt { float: none }
.ys2 { height: auto }
.ys dl dt { height: auto }
.zj dl dt { width: 50%; overflow: hidden; float: left; }
.zj dl dd { width: 48%; float: right; padding-right: 0 }
.zj dl p { margin-top: 30px }
.zj .notice.box { width: 95%; }
.jz.box { margin-top: 20px; }
.jz.box p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zj dl h4 { padding-bottom: 0 }
.gsnews { width: 50% }
.gsnews .tab-pal dl dt { display: none }
.gsnews dl dd { width: 100%; float: right }
.gsnews dl dd p a { margin-top: 5px; float: right; }
.gsnews dl { height: auto; margin-bottom: 40px }
.gsnews .tab-pal ul li a { width: 76%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_r { width: 48% }
.footnav ul { width: 100% }
.footnav li { padding: 0 15px }
.ftlogo.fl { display: none; }
.wx em { display: none }
.gsxx { margin-left: 10px }
.side { display: none }
.prmain { margin: auto; width: 92%; float: none; overflow: hidden; display: block }
.propar { width: 50% }
.newsinfo { width: 70%; overflow: hidden }
.navlist li { width: 140px }
.a_nav.place { width: 100% }
.a_nav.place li a { width: 110px }
.about-l { width: 42% }
.about-r { width: 56% }
.ft-c em { display: block; float: left; text-align: center; width: 20%; }
.ft-c em i { font-size: 12px }
}
 @media only screen and (min-width: 480px) and (max-width: 768px) {
.box { width: 98%; margin: auto }
.tell { display: none }
.topban img { float: none; margin: 20px auto 0 }
.top-t { margin: 20px auto 0; text-align: center;float: none; }
.topmenu span { display: none }
nav ul { width: 100% }
nav ul li { width: 24.7%; text-align: center; border-bottom: #FFF 1px solid; border-left: #FFF 1px solid }
nav ul li:nth-child(1), nav ul li:nth-child(5) { border-left: 0 }
nav ul li:nth-child(5), nav ul li:nth-child(6), nav ul li:nth-child(7), nav ul li:nth-child(8) { border-bottom: none }
nav ul li a { padding: 0; width: 100% }
 .fader{padding-top: 48%}
.service .service-ul{flex-wrap: wrap}
.service .service-ul li{flex:none;width:calc(50% - 20px);padding: 10px;}
.criterion-wrap{flex-wrap: wrap}
.criterion-wrap .zzbz-list{flex:none;width:100%;margin:10px 0}
.banner { margin-top: 20px }
.imginfo { display: none }
.fader_controls { display: none }
.search { width: 90% }
.notice .tab-hd li { width: 104px }

.xz { height: auto; overflow: hidden; padding-bottom: 40px; background: #d35400; }
.xz p { margin-left: 10px }
.xz p.fr { float: left }
.xz h3 span { background: none }
.xz h3 em { display: block; font-size: 24px }
.ys h4 { margin-top: 20px }
.ys dl dt { height: auto }
.ys1, .ys2 { position: inherit; margin-top: 20px; height: auto }
.ys dl dt span em { width: 70%; float: left }
.ys2 dt { width: 100%; float: left }
.ys2 dd, .ys1 dd { display: none }
.ys dl dt p { line-height: 26px; background: url(img/ys_03.gif) no-repeat 97px 6px; }
.ysBox .ysItem{width:100%;margin-top:0; padding-top: 2px}
.ysBox .ysItem li{width:100%!important;padding:5px;border-radius:0;margin-bottom:12px!important}
.ysBox .ysItem li span{font-size:16px}
.ysBox .ysItem li p{font-size:12px}
.ysBox .ysRt li:first-child,.ysBox .ysRt li:last-child{margin-left:0}
.ysBox{margin:20px auto}
.ysBox .ysItem li:nth-child(2){width:100%;}
.ysBox .ysRt li:nth-child(2){margin-left: 0;}
.hidden-xs {display: none!important;}
.jz { margin-top: 20px }
.jz h3 { margin-bottom: 20px }
.jz ul li a { padding: 0 5px }
.zj dl dt img { width: 90%; height: auto; margin: auto; float: none }
.zj dl dd { width: 90%; padding-right: 0; margin: 10px auto; float: none; overflow: hidden }
.zj dl h4 { padding-bottom: 20px; text-align: center }
.zj dl p { margin-top: 20px; float: right; }
.zcfg ul{display: flex;flex-direction:column;padding:0 10px}
.zcfg ul li{width:100%;margin-bottom: 10px;text-align:center}
.gsnews { width: 100% }
.gsnews .tab-hd { margin-bottom: 10px }
.gsnews .tab-pal .more { top: -50px }
.gsnews dl { height: auto; margin-bottom: 20px }
.gsnews dl dd { width: 60%; float: right }
.gsnews dl dt img { width: 38%; height: auto }
.gsnews dl dd p a { display: none }
.gsnews .tab-pal ul li a { width: 80% }
.news_r { width: 98% }
.ftlogo.fl { width: 100%; }
.footnav ul { width: 100% }
.footnav li { padding: 0 10px }
.ftlogo img { margin: 20px auto }
.gsxx { margin: 0 20px }
.wx { margin-top: 0 ;display: none}
.wx.fr { float: none; }
.ft-c em { display: block; float: left; text-align: center; width: 33.3%; }
.ft-c em i { font-size: 12px }
.ft-c em:nth-child(4), .ft-c em:nth-child(2) { display: none }
.side { display: none }
.prmain { width: 100% }
.fl.show { margin: 20px auto; float: none }
.propar { width: 100% }
.navlist li { border-bottom: #FFF 1px solid }
.buymalls img { margin: auto }
.navitem .content p img { width: 100% }
.product ul li p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.newsinfo { width: 100% }
.newsinfo .contents img { width: 100% }
.sidebar.fr { display: none }
.news ul li img { width: 140px }
.news ul li { padding: 10px }
.news ul li p { height: auto; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 24px; }

.conright { display: none }
.conleft { width: 100% }
.temp_on_inp { display: none }
.liuyan .gbox { width: 100% }
}
@media only screen and (max-width: 479px) {
.box { width: 98%; margin: auto }
.tell { display: none }
.topban{display:flex;padding: 15px 0;align-items: center}
.topban h1{width:40%;}
.topban img {width:100%;margin: 0;}
.top-t {width: 60%;margin: 0;text-align: center;}
.top-t span{ font-size: 18px }
.topmenu span { display: none }
nav ul { width: 100% }
nav ul li {width: 25%;text-align: center;position: relative;}
nav ul li:nth-child(1), nav ul li:nth-child(5) { border-left: 0 }
nav ul li:nth-child(5), nav ul li:nth-child(6), nav ul li:nth-child(7), nav ul li:nth-child(8) { border-bottom: none }
nav ul li a { padding: 0; width: 100% }
nav ul li:after{ content:"";background:#fff;width:100%; left:0; height:1px;position:absolute}
nav ul li:before{ content:"";background:#fff;width:1px; bottom:0; height:100%;position:absolute}
nav ul li:nth-child(1):before, nav ul li:nth-child(5):before {width:0 }
.banner { margin-top: 10px }
.fader{padding-top: 48%}
.imginfo { display: none }
.fader_controls { display: none }
.search { width: 90% }
.notice .tab-hd li { width: 23%; height: auto; margin-bottom: 10px; text-align: center; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px }
.notice .tab-hd { height: auto; text-align: left }
.service .service-ul{flex-wrap: wrap}
.service .service-ul li{flex:none;width:calc(50% - 10px);padding: 10px;}
.service .service-ul li{margin-right: 10px}
.criterion-wrap{flex-wrap: wrap;padding: 0 10px;}
.criterion-wrap .zzbz-list{flex:none;width:100%;margin:10px 0}

.xz { height: auto; overflow: hidden; padding-bottom: 40px; background: #d35400; }
.xz p span{left: 8px}
.xz p { margin-left: 10px; padding: 16px 0 0 110px; width: calc(100% - 20px); font-size: 14px }
.xz p.fr { float: left }
.xz h3 span { background: none }
.xz h3 em { display: block; font-size: 24px }
.ysBox .ysItem{width:100%;margin-top:0; padding-top: 2px}
.ysBox .ysItem li{width:100%!important;padding:5px;border-radius:0;margin-bottom:12px!important}
.ysBox .ysItem li span{font-size:16px}
.ysBox .ysItem li p{font-size:12px}
.ysBox .ysRt li:first-child,.ysBox .ysRt li:last-child{margin-left:0}
.ysBox{margin:20px auto}
.ysBox .ysItem li:nth-child(2){width:100%;}
.ysBox .ysRt li:nth-child(2){margin-left: 0;}
.hidden-xs {display: none!important;}
.cases{}
.zj dl dt{float: none;text-align: center}
.zj dl dt img { width: 90%; height: auto; margin: auto; float: none }
.zj dl dd { width: 90%; padding-right: 0; margin: 10px auto; float: none; overflow: hidden }
.zj dl h4 { padding-bottom: 20px; text-align: center }
.zj dl p { margin-top: 20px; float: right; }
.zcfg ul{display: flex;flex-direction:column;padding:0 10px}
.zcfg ul li{width:100%;margin-bottom: 10px;text-align:center}
.gsnews { width: 100% }
.gsnews .tab-hd { margin-bottom: 10px }
.gsnews .tab-pal .more { top: -46px }
.gsnews dl { height: auto; margin-bottom: 20px }
.gsnews dl dd { width: 100%; float: none }
.gsnews dl dt img { width: 100%; height: auto; margin-bottom: 10px }
.gsnews dl dd p a { display: none }
.gsnews .tab-pal ul li a { width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 26px; float: left; }
.gsnews .tab-hd li { width: 78px }
.news_r { width: 98% }
.ftlogo.fl { width: 100%; }
.footnav ul { width: 100% }
.footnav li {width: 25%; padding: 0;text-align: center; line-height: 40px }
.footnav li:after { top: 12px; }
.ftlogo img { margin: 20px auto; width: 60%; height: auto; }
.gsxx { margin: 0 20px }
.wx { margin: 0 ;display: none}
.wx.fr { float: none; }
.wx img { margin: 10px auto; float: none }
.wx em { width: auto }
.ft-c em { display: block; float: left; text-align: center; width: 50%; }
.ft-c em i { font-size: 14px }
.ft-c em:nth-child(1), .ft-c em:nth-child(4), .ft-c em:nth-child(2) { display: none }
.side { display: none }
.prmain { width: 100% }
.fl.show { margin: 20px auto; float: none }
.propar { width: 100% }
.navlist li { border-bottom: #FFF 1px solid }
.buymalls img { margin: auto }
.navitem .content p img { width: 100% }
.product ul li {width: 50%;text-align: center;margin-top: 20px;}
.product ul li i{margin: 0 10px}
.product ul li img {height: auto;}
.product ul li p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top:5px}
.product ul li p span { display: none }
.newsinfo { width: 100% }
.newsinfo .contents img { width: 100% }
.sidebar.fr { display: none }
.news ul li img {width: 120px;height: 90px;margin-right: 10px;}
.news ul li { padding: 10px }
.news ul li p { height: auto; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 24px; }

.about-l, .about-r { width: 100% }
.aboutus dl dd p img { max-width: 100% !important;height:auto !important;margin:auto }

.conright { display: none }
.conleft { width: 100% }
.temp_on_inp { display: none }
.liuyan .gbox { width: 100% }
.link span a { padding-right: 10px }
.plc, .nextinfo p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.content .zhanshi li { width: 40%; margin: 0 10px }
.aboutus h3 { text-align: center }
.conleft ul li { padding: 12px 0 12px 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ly1, .ly2 { width: 70% }
.topadcs{ display:none}
.jz ul li img {height: 120px;}

.topmenu{display:none}
}





/*右侧悬浮*/
.rightFix .top{font-family: "Times New Roman",Times,serif;text-align: center; height: 70px; background: rgb(255 255 255 ); position: relative; cursor: pointer;box-shadow: 0 3px 16px rgb(0 0 0 / 10%);border-radius: 5px; }
.rightFix .top span{background: url(../images/pf_gotop.png); display: inline-block; width: 70%; height: 70%; background-size: cover;}


.rightFix{width:80px;height:165px;border-radius:5px;background:#fff;position:fixed;top:50%;margin-top:-280px;bottom:0;right:5px;z-index:1000;box-shadow:0 3px 16px rgba(0,0,0,0.1);}
.rightFix li{position:relative;text-align:center;height:83px;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
	
}
.rightFix li a{display:block;height:100%;width:100%;    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
.rightFix li a>p{margin-top:10px}
.rightFix li:after{content:'';width:80%;height:1px;position:absolute;background:rgba(0,0,0,0.1);bottom:0;left:50%;margin-left:-40%}
.rightFix li:last-child:after{display:none}
.rightFix li:hover{background:#e53025;cursor:pointer}
.rightFix li:hover>p{color:#fff}
.rightFix li:hover>a{color:#fff}
.rightFix li .img-box{width:30px;height:25px;overflow:hidden;display:inline-block;position:relative}
.rightFix li .img-box:before{content:'';position:absolute;background:url(../images/chat.png) left top no-repeat;width:100%;height:100%;left:0;top:0;opacity:1;transition:all .1s}
.rightFix li .img-box:after{content:'';position:absolute;background:url(../images/chat.png) right top no-repeat;width:100%;height:100%;left:0;top:0;opacity:0;transition:all .1s}
.rightFix li:nth-child(2) .img-box{width:28px}
.rightFix li:nth-child(2) .img-box:before{background:url(../images/zixun.png) left top no-repeat}
.rightFix li:nth-child(2) .img-box:after{background:url(../images/zixun.png) right top no-repeat}
.rightFix li:nth-child(3) .img-box{width:32px}
.rightFix li:nth-child(3) .img-box:before{background:url(../images/weixin.png) left top no-repeat}
.rightFix li:nth-child(3) .img-box:after{background:url(../images/weixin.png) right top no-repeat}
.rightFix li:nth-child(4) .img-box{width:30px;height:30px}
.rightFix li:nth-child(4) .img-box:before{background:url(../images/zixun.png) left top no-repeat}
.rightFix li:nth-child(4) .img-box:after{background:url(../images/zixun.png) right top no-repeat}
.rightFix li:nth-child(5) .img-box{width:32px;height:28px}
.rightFix li:nth-child(5) .img-box:before{background:url(../images/pf_gotop.png) left top no-repeat}
.rightFix li:nth-child(5) .img-box:after{background:url(../images/pf_gotop.png) right top no-repeat}
.rightFix li:nth-child(6) .img-box{width:28px;height:28px}
.rightFix li:nth-child(6) .img-box:before{background:url(../images/pf_gotop.png) left top no-repeat}
.rightFix li:nth-child(6) .img-box:after{background:url(../images/pf_gotop.png) right top no-repeat}
.rightFix li:hover .img-box img{margin-left:-30px}
.rightFix li:hover .img-box:before{opacity:0}
.rightFix li:hover .img-box:after{opacity:1}
.rightFix li>p{margin-top:15px}
.rightFix li .text-box{padding:10px 16px;border:1px solid rgba(0,0,0,0.1);position:absolute;background:#fff;right:105px;top:0;font-size:13px;box-shadow:0 10px 16px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition:all .3s}
.rightFix li .text-box p{border-bottom:1px solid rgba(0,0,0,0.1);display:block;padding:10px 0;width:190px;text-align:left}
.rightFix li .text-box p i{display:block;font-size:16px;}
.rightFix li .text-box p span{display:block;}
.rightFix li .text-box p:last-child{border:none}
.rightFix li .text-box p span.time{color:#999;position:relative;padding-left:30px;margin:7px 0}
.rightFix li .text-box p span.time:before{content:'';width:18px;height:18px;background-image:url(../images/icon.png);background-position:-45px -48px;position:absolute;top:0;left:0}

.rightFix li:hover .text-box{opacity:1;visibility:visible;right:100px}
.rightFix li .text-box:before{content:'';width:0;height:0;position:absolute;right:-9px;top:25px;border-top:9px solid transparent;border-left:9px solid #fff;border-bottom:9px solid transparent}
@media (max-width:1500px){.rightFix{right:5px}
}@media (max-width:1400px){.rightFix{right:0;width:50px}
.rightFix li{padding:0 10px; font-size:12px}
.rightFix li>p{margin-top:5px}
.rightFix li a>p{margin-top:5px}
.rightFix li .img-box{transform:scale(0.8)}
.top_banner{height:360px}
}



#gotop.hide{height:0; overflow:hidden; display:block !important;}


.meassg{ display:none; width:100%; float:left; position:fixed; left:0; bottom:0; height:100%; background:rgba(0,0,0,0.5); z-index:999;}
.meassg form{width:486px; background: center bottom no-repeat #e67e22; background-size:100% auto; float:left; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); padding:18px 25px 55px 35px;}
.meassg .colse{width:16px; float:right; line-height:0; cursor:pointer;}
.meassg h1{width:100%; float:left; color:#fff; font-size:20px; line-height:30px; border-bottom:1px solid rgba(255,255,255,0.2);}
.meassg h1 span{ display:inline-table; padding:12px 0 31px 0; position:relative; }
.meassg h1 span:after{ float:left; width:100%; height:3px; content:''; position:absolute; left:0; bottom:-2px; background:#ff0000;}
.meassg h2{width:100%; float:left; color:#fff; font-size:20px; line-height:30px; padding:12px 0 23px 0;  }
.meassg .cont{width:100%; float:left; margin-top:16px; color:#fff; font-size:16px; line-height:26px; }
.meassg .cont li{ min-width:33.33%; float:left; margin:12px 0; }
.meassg .lab{width:100%; float:left; position:relative; margin-bottom:12px; }
.meassg .lab img{ float:left; width:22px; height:22px; position:absolute; left:10px; top:50%; margin-top:-11px;}
.meassg .fv{width:100%; float:left; height:48px; line-height:28px; background:none; border:1px solid rgba(229,229,229,0.5); color:rgba(255,255,255,0.7); font-size:16px; padding:9px 15px 9px 38px;}
.meassg .sib{ display:block; margin:30px auto 0 auto; width:208px; height:48px; line-height:48px; background:#13287a; color:#fff; font-size:16px;}
.meassg .sib:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.meassg a{ float:right; position:absolute; right:0; top:0; background:#fff; width:120px; line-height:48px; text-align:center; color:#333333; font-size:16px;}
.meassg input[type="checkbox"]{ float:left; width:16px; height:16px; text-align: center; position:relative; line-height:14px; margin:5px 10px 0 0; cursor:pointer;}
.meassg  input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width:16px;height:16px;}
.meassg input[type="checkbox"]:checked::before{content: "\2713";background-color: #ff0000;position: absolute;top: 0;left: 0;width:100%;color:#fff;font-size:12px;}
.meassg ::-webkit-input-placeholder{color:rgba(255,255,255,0.7)}
.meassg :-moz-placeholder{color:rgba(255,255,255,0.7)}
.meassg ::-moz-placeholder{color:rgba(255,255,255,0.7)}
.meassg :-ms-input-placeholder{color:rgba(255,255,255,0.7)}


@media  screen and (max-width:767px){
.meassg form{width:310px; padding:15px 12px;}
.meassg h1{ font-size:16px; line-height:26px;}
.meassg h1 span{ padding:6px 0 10px 0;}
.meassg h2{ font-size:16px; line-height:26px; padding:6px 0 15px 0;}
.meassg .cont{ font-size:14px; line-height:24px; margin-top:12px;}
.meassg .cont li{ margin:4px 0;}
.meassg .lab{ margin-bottom:8px;}
.meassg .fv{ height:36px; line-height:36px; font-size:14px; line-height:24px; padding:5px 15px 5px 30px;}
.meassg a{ width:100px; line-height:36px; font-size:14px;}
.meassg .sib{ margin:10px auto 0 auto; width:140px; height:36px; line-height:36px; font-size:14px;}
.meassg .lab img{ width:18px; height:18px; left:8px; margin-top:-9px;}

.meassg input[type="checkbox"]{ width:10px; height:10px; line-height:8px; margin:6px 7px 0 0;}
.meassg  input[type="checkbox"]::before{ width:10px;height:10px;}